<template>
  <div class="xtx-test" @click="change">{{ modelValue }}</div>
</template>

<script>
export default {
  name: "xtx-test",
  props: {
    modelValue: {
      type: Number,
      default: 1,
    },
  },
  setup(props, { emit }) {
    const change = () => {
      props.modelValue = props.modelValue + 1;
      emit("change", props.modelValue);
    };
    return { change };
  },
};
</script>

<style scoped lang="less">
</style>